page-fast-maintain {
  .fast-maintain{
    background-color: #EFEFF4;
    .maintain{
      .select-box{
        border-bottom:1px solid #EFEFF4;
        line-height:40px;
        ion-select{
          max-width:none;
          padding:0;
        }
        .select-icon{
          top: 10px;
          right: 20px;
        }
      }
      .input-box{
        background-color: #fff;
        line-height:40px;
        input{
          width: 100%;
          height:100%;
        }
        border-bottom:1px solid #EFEFF4;
      }
      .textarea-warp{
        width: 100%;
        height: 160px;
        padding:15px;
        background-color: #fff;
        border-bottom:1px solid #EFEFF4;
        textarea{
          width: 100%;
          height: 100%;
          padding-left: 10px;
          padding-top:10px;
          background-color: #EFEFF4;
          outline: none;
          resize: none;
          border: none;
        }
      }
      .file-warp{
        position:relative;
        width: 100%;
        height: 204px;
        background-color: #fff;
        padding:15px;
        img{
          width:100%;
          height:100%;
        }
        .file-inner{
          width: 100%;
          height: 100%;
          position:relative;
          background-color: #EFEFF4;
          p{
            text-align: center;
            color:#b3b3b3;
            position: relative;
            top:30%;
            ion-icon{
              height: 40px;
              width: 40px;
            }
          }
        }
      }
      .submit-btn{
        width:100%;
        margin-top:20px;
        font-size: 1.625rem;
        height: 50px;
        background-color: rgba(144,195,31,.8);
        color: #fff;
      }
      button[disabled]{
        opacity: .7;
      }
    }
    .maintain-detail{
      .maintain-item{
        color: #b3b3b3;
        margin-bottom:20px;
        .title{
          line-height:45px;
          background-color: #fff;
          border-bottom:1px solid #EFEFF4;
          padding:0 15px;
          ion-col:last-child{
            text-align: right;
          }
        }
        .provider{
          line-height: 20px;
          background-color: #fff;
          padding: 0 15px 0;
          border-bottom:1px solid #EFEFF4;
        }
        .content{
          background-color: #fff;
          padding:20px;
          border-bottom:1px solid #EFEFF4;
          .con{
            width:100%;
            height: 160px;
            padding-left:10px;
            background-color: #EFEFF4;
          }
          .img-box{
            margin-top:20px;
            img{
              width: 100%;
              max-height:200px;
            }
          }
        }
        .btn-box{
          background-color: #fff;
          button{
            width: 150px;
            height: 46px;
            color: #fff;
            font-size: 1.75rem;
          }
          .pay-btn{
            background: linear-gradient(to right, orange , #EA6000);
          }
        }
        .comment-rating{
          background-color: #fff;
          margin-top: -20px;
          padding:0 15px 0;
          border-bottom:1px solid #EFEFF4;
          .rating{
            height:50px;
            line-height:40px;
            ion-icon{
              margin:0;
            }
          }
        }
        .comment-con{
          padding:20px;
          background-color: #fff;
          .con{
            background-color: #EFEFF4;
            height: 100px;
            padding-left: 10px;
            padding-top:10px;
          }
        }
      }
      .notice{
        height: 200px;
        background-color: #fff;
        text-align: center;
        line-height: 200px;
        margin-top: 20px;
      }
    }
  }
  //common styles
  .font_m{
    font-size: 1.8rem;
    color: #333;
  }
  .color-red{
    color: #eb680d;
  }
  input{
    border:0;
  }
}
